<app-landing-page-header [title]="'ESG Rating'" [subTitle]="'Company-level ESG performance with environmental, social and governance scores in relation to industry peers.'"></app-landing-page-header>

<div class="container mt-5">
  <h4>Features</h4>
  <div class="row mt-3">
    <div class="col-md-4">
      <h5>Analyst Views</h5>
      <div class="d-flex flex-row mt-3">
        <img src="/assets/icons-svg/icon-analyst-view.svg" class="research-icon flex-column" />
        <span class="flex-column pl-3">Qualitative analysis and commentary on the company’s ability to manage ESG issues</span>
      </div>
    </div>
    <div class="col-md-4">
      <h5>ESG Ratings</h5>
      <div class="d-flex flex-row mt-3">
        <img src="/assets/icons-svg/icon-rating.svg" class="research-icon flex-column" />
        <span class="flex-column pl-3">Summary of a company’s ESG performance with environmental, social and governance scores in relation to industry peers</span>
      </div>

    </div>
    <div class="col-md-4">
      <h5>Controversies</h5>
      <div class="d-flex flex-row mt-3">
        <img src="/assets/icons-svg/icon-controversy.svg" class="research-icon flex-column" />
        <span class="flex-column pl-3">Overview of ESG controversies with a link to download a full controversy report</span>
      </div>

    </div>
  </div>

  <div *ngIf="productPermissions?.esg" class="mt-5">
    <esg-list-rating></esg-list-rating>
  </div>
</div>